<template>
	<view class="">

		<view class="backgroundImage">
			<image :src="backgroundImageUrl" style="height: 100%;width: 100%;" mode=""></image>
		</view>
		<view class="">
			<u-notice-bar :text="notice"></u-notice-bar>
		</view>
		<view class="" style="padding: 30rpx 40rpx;">

			<!--  -->
			<view class="column-levelCenter" @click="clickHeader()">
				<image class="headerImage" :src="headerImageUrl" mode=""></image>
				<!--  -->
				<view class="titleColor" style="margin-top: 26rpx; font-size: 16px; ">
					微信用户
				</view>

			</view>
			<!-- line -->
			<view class="lineStyle" style="margin-top: 10rpx;">

			</view>


			<!-- 列表 -->
			<view class="" style="margin-top: 80rpx;">
				<view v-for="(item,index) in uiList" :key="index">
					<view @click="clickRow(index)" class="">
						<view class="row-lineConter" style="margin-top: 20rpx;">
							<image :src="item.image" style="width: 30rpx; height: 30rpx;" mode=""></image>
							<view class="titleColor" style="margin-left: 20rpx; font-size: 30rpx; flex-grow: 1;">
								{{item.title}}
							</view>
							<view v-if="item.title== '版本号'" class="subTextColor" style="margin-left: auto; font-size: 25rpx; ">
								1.0
							</view>
							<view class="" style="margin-left: auto;">
								<uni-icons type="right" size="15" color="rgb(154, 155, 158)"></uni-icons>
							</view>

						</view>

						<view class="lineStyle" style="margin-top: 20rpx;">

						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				notice: '查看过的资源，可以在我的资源页面里再次查看，再次查看无需再看广告。',
				backgroundImageUrl: 'https://mp-35bd1c1b-8095-44b6-b494-c65e6d85fd9c.cdn.bspapp.com/appConfigure/meinImage.png',
				headerImageUrl: 'https://p1.bdxiguaimg.com/img/mosaic-legacy/daa60005a09ff78dbae3~0x0.image',
				isLogin: false,
				uiList: [{
						image: 'https://mp-35bd1c1b-8095-44b6-b494-c65e6d85fd9c.cdn.bspapp.com/appConfigure/banben.png',
						title: '我的资源'
					},
					{
						image: 'https://mp-35bd1c1b-8095-44b6-b494-c65e6d85fd9c.cdn.bspapp.com/appConfigure/yijianfankui.png',
						title: '意见反馈'
					},
					{
						image: 'https://mp-35bd1c1b-8095-44b6-b494-c65e6d85fd9c.cdn.bspapp.com/appConfigure/banben.png',
						title: '版本号'
					},
				],
				userInfo: {}
			}
		},

		methods: {
			clickRow(index) {
				if(index == 2){
					return;
				}
				var url = '../my-resources-page/my-resources-page'
				if(index == 1){
					url = '../report-page/report-page';
				}
				uni.navigateTo({
					url: url
				})

			}

		}
	}
</script>

<style lang="scss" scoped>
	.backgroundImage {
		width: 100%;
		height: 320rpx;
		position: absolute;
		z-index: -1;

	}

	.textColor {
		color: rgb(236, 170, 85);
	}

	.headerImage {
		width: 120rpx;
		height: 120rpx;
		border-radius: 60rpx;
	}

	.longinLabel {
		font-size: 40rpx;
		color: lightgray;
		font-weight: bold;
		margin-left: 20rpx;
	}

	.nameLabel {
		font-size: 35rpx;
		font-weight: bold;
		margin-left: 20rpx;
	}

	.integral {
		font-size: 30rpx;
		color: rgb(236, 170, 85);
	}

	.userType {
		margin-top: 20rpx;
		font-size: 30rpx;
		margin-left: 20rpx;
	}

	.openVipView {
		color: rgb(224, 168, 99);
		border-radius: 8rpx;
		padding: 16rpx 10px;
		background-color: rgba(224, 168, 99, 0.2);
		border: 1px solid rgb(224, 168, 99);
	}

	.openVipBtn {
		color: white;
		font-size: 25rpx;
		padding: 0px 6px;
		height: 60rpx;
		border-radius: 50rpx;
		box-shadow: 0rpx 0rpx 20rpx rgb(52, 116, 246);
	}
</style>